body{background-color:#ff41b3;}
.banner{width:100%;display:block;}
.goods-area{padding:5%;}
.goods-area img{width:100%;}
.goods-area-list{overflow:hidden;}
.goods-area-list li img{width:100%;display:block;height:25vw;margin-top:.5em;}
.goods-area-list li{width:32%;background-color:#fff;float:left;}
.goods-area-list a:nth-of-type(2) li{margin:0 2%;line-height:1.2em;}
.goods-area-list li h4{font-size:14px;color:#8432bb;line-height:1.2em;}
.goods-area-list li h3{font-size:16px;color:#ef007a;line-height:1.2em;}
.goods-area-list li i{display:block;margin:auto;width:3em;border-radius:1em;line-height:1.2em;font-size:12px;color:#fff;background-color:#8432bb;}